<template>
  <div class="box">
    <ProductDetailsHeader
      style="
        position: fixed;
        top: 0;
        z-index: 99;
        background-color: white;
        width: 92%;
      "
    />
    <ProductDetailsPic style="margin-top: 50px" />
    <ProductDetailsInformation />
    <ProductDetailsRecommandRelatives />
    <ProductDetailsFooter />
  </div>
</template>

<script>
import ProductDetailsHeader from "./ProductDetailsHeader";
import ProductDetailsPic from "./ProductDetailsPic";
import ProductDetailsInformation from "./ProductDetailsInformation";
import ProductDetailsRecommandRelatives from "./ProductDetailsRecommandRelatives";
import ProductDetailsFooter from "./ProductDetailsFooter";

export default {
  name: "",
  data() {
    return {};
  },
  components: {
    ProductDetailsHeader,
    ProductDetailsPic,
    ProductDetailsInformation,
    ProductDetailsRecommandRelatives,
    ProductDetailsFooter,
  },
};
</script>
<style scoped>
</style>
